<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/main.css">
    <script src="./js/Flying 2.1s.min.js"></script>
    <script src="./js/main.min.js"></script>
    <title>图形化摇奖机</title>
</head>

<body class="light">
    <form id="form">
        <input type="text" id="text">
        <input style="display: none;">
        <span class="sp">
            <span>?</span>
            <div id="tips">
                可以使用空格" "或中文逗号"，"分隔多个奖项，自动忽略连续的空格以及换行符。<br>
                你可以直接从Excel中复制项目。<br>
                自动恢复上一次输入的内容。
            </div>
        </span>
    </form>
    <div id="box">
        <canvas id="cvs"></canvas>
        <img src="./img/yjj.png" alt="draw" draggable="false">
        <svg id="setUp-icon" t="1617679301465" class="icon" viewBox="0 0 1024 1024" version="1.1"
            xmlns="http://www.w3.org/2000/svg" p-id="1196" width="200" height="200">
            <path
                d="M416.4 958h191.2V849.7c0-12.7 6.4-25.5 19.1-31.9 31.9-12.7 63.7-31.9 89.2-51 12.7-6.4 25.5-6.4 38.2 0l95.6 57.3 95.6-165.7-95.6-57.3C837 588.5 830.6 575.7 837 563c0-19.1 6.4-31.9 6.4-51s0-31.9-6.4-51c0-12.7 6.4-25.5 12.7-31.9l95.6-57.3-95.6-165.7-95.6 57.3c-12.7 6.4-25.5 6.4-38.2 0-25.5-19.1-57.3-38.2-89.2-51-12.7-12.7-19.1-25.5-19.1-38.2V66H416.4v108.3c0 12.7-6.4 25.5-19.1 31.9-31.9 12.7-63.7 31.9-89.2 51-12.7 6.4-25.5 6.4-38.2 0l-95.6-51-95.6 165.6 95.6 57.3c12.7 6.4 19.1 19.1 12.7 31.9 0 19.1-6.4 31.9-6.4 51s0 31.9 6.4 51c6.4 12.7 0 25.5-12.7 31.9l-95.6 57.3 95.6 165.7 95.6-57.3c12.7-6.4 25.5-6.4 38.2 0 25.5 19.1 57.3 38.2 89.2 51 12.7 6.4 19.1 19.1 19.1 31.9V958z m223 63.7H384.6c-19.1 0-31.9-12.7-31.9-31.9v-121c-25.5-12.7-51-25.5-70.1-38.2l-101.9 63.7c-12.7 6.4-31.9 6.4-44.6-12.7L8.6 658.6c-12.7-19.1-6.4-38.2 12.7-44.6l101.9-63.7v-76.5L21.4 410.1c-19.1-6.4-25.5-25.5-12.7-44.6l127.4-223c6.4-12.7 25.5-19.1 44.6-6.4l101.9 63.7c19.1-12.7 44.6-31.9 70.1-38.2V34.1c0-19.1 12.7-31.9 31.9-31.9h254.9c19.1 0 31.9 12.7 31.9 31.9v121.1c25.5 12.7 51 25.5 70.1 38.2l101.9-63.7c12.7-6.4 31.9-6.4 44.6 12.7l127.4 223c12.7 19.1 6.4 38.2-12.7 44.6l-101.9 63.7v76.5l101.9 63.7c12.7 6.4 19.1 25.5 12.7 44.6L888 881.5c-6.4 12.7-25.5 19.1-44.6 12.7l-101.9-63.7c-19.1 12.7-44.6 31.9-70.1 38.2v121.1c-0.1 19.2-12.8 31.9-32 31.9zM512 703.2c-108.3 0-191.2-82.8-191.2-191.2S403.7 320.8 512 320.8 703.2 403.7 703.2 512 620.3 703.2 512 703.2z m0-318.6c-70.1 0-127.4 57.3-127.4 127.4S441.9 639.4 512 639.4 639.4 582.1 639.4 512 582.1 384.6 512 384.6z"
                p-id="1197" data-spm-anchor-id="a313x.7781069.0.i2" class="selected"></path>
        </svg>
        <div id="setUp" style="visibility: hidden;">
            <svg id="setDown-icon" t="1617679869022" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2050" width="200" height="200">
                <path
                    d="M512 72c59.4 0 117 11.6 171.2 34.5 52.4 22.2 99.4 53.9 139.9 94.3 40.4 40.4 72.2 87.5 94.3 139.9C940.4 395 952 452.6 952 512s-11.6 117-34.5 171.2c-22.2 52.4-53.9 99.4-94.3 139.9-40.4 40.4-87.5 72.2-139.9 94.3C629 940.4 571.4 952 512 952s-117-11.6-171.2-34.5c-52.4-22.2-99.4-53.9-139.9-94.3-40.4-40.4-72.2-87.5-94.3-139.9C83.6 629 72 571.4 72 512s11.6-117 34.5-171.2c22.2-52.4 53.9-99.4 94.3-139.9 40.4-40.4 87.5-72.2 139.9-94.3C395 83.6 452.6 72 512 72m0-72C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0z"
                    p-id="2051"></path>
                <path
                    d="M350.8 709.2c-9.2 0-18.4-3.5-25.5-10.5-14.1-14.1-14.1-36.9 0-50.9l322.4-322.4c14.1-14.1 36.9-14.1 50.9 0 14.1 14.1 14.1 36.9 0 50.9L376.3 698.7c-7.1 7-16.3 10.5-25.5 10.5z"
                    p-id="2052"></path>
                <path
                    d="M673.2 709.2c-9.2 0-18.4-3.5-25.5-10.5L325.3 376.3c-14.1-14.1-14.1-36.9 0-50.9 14.1-14.1 36.9-14.1 50.9 0l322.4 322.4c14.1 14.1 14.1 36.9 0 50.9-7 7-16.2 10.5-25.4 10.5z"
                    p-id="2053"></path>
            </svg>
            <div id="setData">
                <span title="影响最大加速度">最大速度：</span>
                <input type="text">
                <span title="影响加速耗时">加速时间：</span>
                <input type="text">
                <span title="影响减速耗时">减速时间：</span>
                <input type="text">
                <span title="影响开始减速的加速度和结束前的加速度比">减速函数的次方根：</span>
                <input type="text">
                <button>打乱项目顺序</button>
            </div>
        </div>
    </div>
    <button id="yg">开始</button>
    <script>
    </script>
</body>
</html>